// 弱网环境处理 [6]()
if(navigator.connection)  {
    if(navigator.connection.effectiveType  === 'slow-2g') {
        document.getElementById('loader').classList.add('long-loading'); 
    }
}
//加载动画
 // 进度控制 
let progress = 0;
const loader = document.getElementById('loader'); 
const progressText = document.querySelector('.percentage'); 
 

const progressInterval = setInterval(() => {
    progress += Math.random()  * 15;
    if(progress >= 100) {
        clearInterval(progressInterval);
    }
   document.getElementById('progress').textContent  = Math.min(progress,  100).toFixed(0) + '%';
}, 200);
 


// 真实加载监控 
window.addEventListener('DOMContentLoaded',  () => {

    //const progress = document.querySelector('.progress');

    clearInterval(progressInterval);
    document.getElementById('progress').textContent  = '100%';
    //等待动画完成 3s
    setTimeout(function() {
        // 动画结束后的操作
         document.getElementById('loader').style.clipPath  = 'circle(0% at 50% 50%)';
         document.getElementById('main-content').style.clipPath  = 'circle(100% at 50% 50%)';

        // 可以继续添加其他延时后要执行的操作,操作台反馈，后续删除
        console.log('3秒延时已结束，动画启动！');
      }, 3000); 
     // 3000毫秒 = 3秒
    }); 